﻿.popupList {
	position : relative;
	z-index : 2;
}

.dropDownList {
	width : 94px;
	height : 22px;
}
.dropDownList > p {
	position : relative;
	height : 100%;
}
.dropDownList > p > * {
	vertical-align : top;
}
.dropDownList input {
	border : 1px solid transparent;
	background-color : transparent;
	padding : 2px 22px 2px 3px;
	width : 100%;
	height : 100%;
	line-height : 16px;
}
.dropDownList input:focus {
	border : 1px solid #506fac;
}
.dropDownList button {
	position : absolute;
	right : 1px;
	top : 1px;
	width : 20px;
	height : 20px;
	border-top-left-radius : 0;
	border-bottom-left-radius : 0;
	background : url(image/w24.png) 5px 7px no-repeat;
}
.dropDownList button:hover {
	border-color : #9ad;
}
.dropDownList > ol {
	background : -webkit-linear-gradient(left, #f0f0f0, #f0f0f0 30px, #d7d7d7 24px, #d7d7d7 25px, #f0f0f0 31px, #f0f0f0);
	background : -moz-linear-gradient(left, #f0f0f0, #f0f0f0 30px, #d7d7d7 24px, #d7d7d7 25px, #f0f0f0 31px, #f0f0f0);
	background : -ms-linear-gradient(left, #f0f0f0, #f0f0f0 30px, #d7d7d7 24px, #d7d7d7 25px, #f0f0f0 31px, #f0f0f0);
	background : linear-gradient(left, #f0f0f0, #f0f0f0 30px, #d7d7d7 24px, #d7d7d7 25px, #f0f0f0 31px, #f0f0f0);
	border : 1px solid #999;
	padding : 2px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	min-width : 130px;
	max-height : 198px;
	overflow : auto;
}
.dropDownList > ol:not([hidden]) {
	display : inline-block;
}
.dropDownList li {
	cursor : pointer;
	height : 24px;
	padding : 2px 6px 2px 30px;
	text-indent : 6px;
	border : 1px solid transparent;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
	position : relative;
}
.dropDownList li:hover {
	background-color : rgba(80, 111, 172, 0.1);
	border : 1px solid #506fac;
}
.dropDownList li::before {
	content : "√";
	opacity : 0;
	font-weight : bold;
	position : absolute;
	width : 24px;
	height : 100%;
	line-height : 24px;
	left : 0px;
	top : 0;
}
.dropDownList li:hover::before {
	opacity : 0.3;
}
.dropDownList li[data-selected]::before {
	opacity : 1;
}